<script setup lang="ts">
import BlockBox from '../BlockBox.vue';

import TooltipBox from "../../packages/components/tooltipBox/src/index.vue";

</script>
<template>
  <BlockBox text="悬浮提示">
    <div style="margin:100px 200px;">
      <es-tooltip :tooltip="'一个悬浮提示'" position="left">
        <es-button>悬浮提示</es-button>
      </es-tooltip>
      <es-tooltip :tooltip="'一个悬浮提示'" position="top">
        <es-button>悬浮提示</es-button>
      </es-tooltip>
      <es-tooltip :tooltip="'一个悬浮提示'" position="bottom">
        <es-button>悬浮提示</es-button>
      </es-tooltip>
      <tooltip-box>
        <es-button>悬浮测试</es-button>
      </tooltip-box>
    </div>
  </BlockBox>
</template>
<style scoped>
</style>
